<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div style="position: fixed;right: 0px;bottom:0px;">
			<button onclick="start()">开始自动滚动</button>
			<button onclick="stop()">停止自动滚动</button>	
		</div>
		<script>
			
			var yPoistion = 0;
			var t;
			function start()
			{
				console.log("start()")
				t = setInterval(function()
				{
					yPoistion += 10;
					console.log("start():"+yPoistion)
					window.scrollTo(0,yPoistion)
				},50)	
			}
			
			function stop()
			{
				clearInterval(t)
			}
			
			
			
		</script>
		
		
		<h1>倚天屠龙记</h1>
		<p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p><p>内容</p>
		<p>内容</p><p>内容</p><p>内容</p>
		
	</body>
	
</html>